import Highcharts from 'highcharts';

const chartBaseConfig = {
  colors: ['#27A0FF', '#EC6E47', '#E5AF4D', '#27F7E4', '#1C3AFF', '#20BE67'],
  credits: {
    enabled: false
  },
  chart: {
    backgroundColor: 'transparent',
  },
  yAxis: {
    gridLineColor: 'rgba(186, 231, 255, 0.102)',
    labels: {
      style: {
        color: '#E6F7FF'
      }
    }
  },
  legend: {
    itemDistance: 2,
    itemStyle: {
      color: '#fff'
    },
    margin: 5,
    padding: 2,
  },
  xAxis: {
    lineColor: '#BAE7FF',
    labels: {
      style: {
        color: 'rgba(230, 247, 255, 0.502)'
      }
    },
    tickPosition: 'inside',
    tickLength: 3,
    tickWidth: 3
  }

}

export function trafficFlowRender(data,el){
  const config={
    ...chartBaseConfig,
    
  }
  Highcharts.chart(el,config)
}